import { _ as _object_spread } from "@swc/helpers/_/_object_spread";
import { _ as _object_spread_props } from "@swc/helpers/_/_object_spread_props";
import { _ as _sliced_to_array } from "@swc/helpers/_/_sliced_to_array";
import React from "react";
import { useDispatch, useSelector } from "react-redux";
import { accountAmount, amountPlatform, tradeBill, tradeBillInfo, transFee, userAddress, walletTransfer } from "../../api/wallet";
import useServices from "../../hooks/useRequest";
import { useMount, useSetState } from "ahooks";
import styles from "./index.module.less";
import { EVENT, KEYCONST } from "../../enums";
import classNames from "classnames";
import utilsFilter from "../../utils/filters";
import utilsBase from "../../utils/basc";
import PullRefresh from "../../compoents/pull-refresh";
import QRCode from "qrcode.react";
import { useClipboard } from "use-clipboard-copy";
import { myNft } from "../../api/nft";
import { setPayPassword2 } from "../../api/user";
import useRouteInfo from "../../hooks/useRouter";
import kingsInstance from "../../instance";
import { jsx as _jsx } from "react/jsx-runtime";
import { jsxs as _jsxs } from "react/jsx-runtime";
var Home = function() {
    var copy = function copy(content) {
        clipboard.copy(content);
    };
    var getaccountAmount = function getaccountAmount() {
        services.accountAmount({
            accountId: utilsBase.getwalletid("NFT")
        }, false).then(function(res) {
            console.log("accountAmount--", res);
            if (res.code == 200) {
                setState({
                    account: res.data,
                    sendcoin: res.data.accountAmount[0]
                });
            }
        // this.isscrollcoinref = FLIPPED_ALIAS_KEYS
        }).catch(function(err) {
            console.log("err", err);
        // this.isscrollcoinref = false
        });
    };
    var changlian = function changlian(i) {
        setState({
            lian: i,
            isxiala: false,
            bar: _object_spread_props(_object_spread({}, state.bar), {
                code: i === "BSC" ? state.bscaddress : state.ethaddress
            })
        });
    };
    var onRefresh = function onRefresh() {
        setTimeout(function() {
            // Toast('刷新成功');
            setState({
                downloading: false
            });
        }, 1000);
    };
    var gonftdetail = // ------------------------
    function gonftdetail(e) {
        dispatch.app.PUSH({
            path: "/nftdetail",
            query: {
                id: e
            }
        });
    };
    var backindex = function backindex() {
        setState({
            page: 1,
            type: 1,
            way: 1,
            current: 1
        });
    };
    var getgold = function getgold() {
        services.amountPlatform({}, false).then(function(res) {
            if (res.code == 200) {
                setState({
                    gold: res.data
                });
            }
        }).catch(function(err) {
            console.log("err", err);
        });
    };
    var setpass = function setpass() {
        if (state.pass1 && state.pass2 == state.pass1) {
            setState({
                blurshow: false,
                passwordshow: false
            });
            services.setPayPassword2({
                pwd: state.pass1
            }, true).then(function(res) {
                setState({
                    pass1: "",
                    pass2: ""
                });
                if (res.code == 200) {
                    dispatch.app.setUserInfo();
                    setState({
                        blurshow: true,
                        intpasswordshow: true
                    });
                }
            }).catch(function(err) {
                console.log("err", err);
                setState({
                    pass1: "",
                    pass2: ""
                });
            });
        }
    };
    var intpass = function intpass() {
        if (state.pass) {
            setState({
                intpasswordshow: false,
                blurshow: false
            });
            services.walletTransfer({
                accountId: utilsBase.getwalletid("NFT"),
                coinId: state.sendcoin.coinId,
                payPassword: state.pass,
                toAddress: state.address,
                tradeNumber: state.amount
            }, true).then(function(res) {
                setState({
                    pass: ""
                });
                if (res.code == 200) {
                    getaccountAmount();
                    setState({
                        successshow: true,
                        blurshow: true
                    });
                    setTimeout(function() {
                        setState({
                            successshow: false,
                            blurshow: false,
                            amount: "",
                            address: "",
                            showfee: false
                        });
                        backindex();
                    }, 1500);
                }
            }).catch(function(err) {
                console.log("err", err);
                setState({
                    pass: ""
                });
            });
        }
    };
    var sendclick = function sendclick() {
        if (Number(state.amount) > 0 && state.address) {
            if (state.amount > state.sendcoin.actualAmount) {
                setState({
                    noamountshow: true,
                    maskshow: true
                });
                setTimeout(function() {
                    setState({
                        noamountshow: false,
                        maskshow: false
                    });
                }, 1500);
                return;
            }
            if (Number(state.amount) + Number(state.fee) > Number(state.sendcoin.actualAmount)) {
                setState({
                    noamountshow: true,
                    maskshow: true
                });
                setTimeout(function() {
                    setState({
                        noamountshow: false,
                        maskshow: false
                    });
                }, 1500);
                return;
            }
            // console.log(this.$store.getters.userInfo)
            // JSON.parse(localStorage.getItem('userInfo')).payPassword
            if (userInfo) {
                setState({
                    intpasswordshow: true,
                    blurshow: true
                });
            // setTimeout(() => {
            //     this.intpasswordshow = false;
            //     this.blurshow = false;
            // }, 1500)
            } else {
                setState({
                    passwordshow: true,
                    blurshow: true
                });
            }
        }
    };
    var getaddress = function getaddress() {
        console.log("userInfo", userInfo);
        services.userAddress({
            // type: 'ETH',
            userId: userInfo.id
        }, false).then(function(res) {
            setState({
                ethaddress: res.data.ethAddress,
                bscaddress: res.data.bscAddress,
                bar: _object_spread_props(_object_spread({}, state.bar), {
                    code: state.lian === "ETH" ? res.data.ethAddress : res.data.bscAddress
                })
            });
        }).catch(function(err) {
            console.log("err", err);
        });
    };
    var getfee = function getfee() {
        if (state.amount > state.sendcoin.actualAmount) {
            setState({
                noamountshow: true,
                maskshow: true
            });
            setTimeout(function() {
                setState({
                    noamountshow: false,
                    maskshow: false
                });
            }, 1500);
            return;
        }
        if (state.amount && state.address) {
            services.transFee({
                coinId: state.sendcoin.coinId,
                number: state.amount,
                toAddress: state.address
            }, false).then(function(res) {
                if (res.code == 200) {
                    setState({
                        showfee: true,
                        fee: res.data
                    });
                    if (Number(state.amount) + Number(res.data) > Number(state.sendcoin.actualAmount)) {
                        setState({
                            noamountshow: true,
                            maskshow: true
                        });
                        setTimeout(function() {
                            setState({
                                noamountshow: false,
                                maskshow: false
                            });
                        }, 1500);
                    }
                }
            }).catch(function(err) {
                console.log("err", err);
            });
        }
    };
    var getbill = function getbill(billcoin) {
        setState({
            currentbill: 1,
            //当前页
            total: 0,
            //总数据
            billlist: [],
            count: state.billlist.length //已获取的数据
        });
        getbilllist(billcoin);
    };
    var getbilllist = function getbilllist(billcoin) {
        return services.tradeBill({
            accountId: utilsBase.getwalletid("NFT"),
            billType: 0,
            coinId: [
                billcoin.coinId
            ],
            current: 1,
            size: 1000
        }, false).then(function(res) {
            var list = res.data.records || [];
            setState({
                billlist: list,
                count: state.billlist.length,
                total: res.data.total,
                currentbill: state.currentbill + 1,
                downloading: false
            });
        }).catch(function(err) {
            console.log("err", err);
            setState({
                downloading: false
            });
        });
    };
    var getbilldetail = function getbilldetail(e) {
        services.tradeBillInfo({
            tradeId: e.id
        }, false).then(function(res) {
            // console.log(res)
            setState({
                billdetail: res.data,
                billdetailshow: true,
                transshow: true
            });
        }).catch(function(err) {
            console.log("err", err);
        });
    };
    var tradeStatus = function tradeStatus(e) {
        var map = {
            SUCCESS: "CONFIRMED!",
            FAILED: "FAILED!",
            CREATE: "PENDING...",
            WAIT: "PENDING..."
        };
        return map[e];
    };
    var tradeStatuscolor = function tradeStatuscolor(e) {
        var map = {
            SUCCESS: "font-green",
            FAILED: "font-red",
            CREATE: "font-gary",
            WAIT: "font-gary"
        };
        return map[e];
    };
    var getnftlist = function getnftlist() {
        setState({
            currentnft: 1,
            //当前页
            total: 0,
            //总数据
            nftlist: [],
            count: state.nftlist.length //已获取的数据
        });
        return getnft();
    };
    var getnft = function getnft() {
        return services.myNft({
            current: 1,
            size: 100
        }, false).then(function(res) {
            var list = res.data.records || [];
            setState({
                // nftlist: state.nftlist.concat(list),
                nftlist: list,
                count: state.nftlist.length,
                total: res.data.total,
                currentnft: state.currentnft + 1,
                downloading: false
            });
        // list.length &&
        //     localStorage.setItem(
        //         KEYCONST['nftlist'],
        //         JSON.stringify(list)
        //     )
        }).catch(function(err) {
            console.log("err", err);
            setState({
                downloading: false
            });
        });
    };
    var gotonftindex = function gotonftindex() {
        /** 删除app 下载提示 */ kingsInstance.emit(EVENT.onMarketPlace);
        dispatch.app.SWITCH_VISIBLE(false);
    // setState({
    //   buynftshow: true,
    //   blurshow: true,
    // });
    };
    var showcode = function showcode() {};
    var _JSON_parse;
    var _useSelector = useSelector(function(state) {
        return {
            userInfo: state.app.userInfo,
            meta: state.app.meta
        };
    }), userInfo = _useSelector.userInfo, meta = _useSelector.meta;
    var _useSetState = _sliced_to_array(useSetState({
        isxiala: false,
        num: 1,
        count: 20,
        total: 0,
        loading: false,
        downloading: false,
        //下拉刷新
        maskshow: false,
        blurshow: false,
        transshow: false,
        noamountshow: false,
        intpasswordshow: false,
        passwordshow: false,
        successshow: false,
        copysuccessshow: false,
        billdetailshow: false,
        buynftshow: false,
        appdownurl: "https://wallet.nfkings.com/",
        // -----------------
        current: 1,
        page: 1,
        type: 1,
        lian: "BSC",
        way: 1,
        amount: "",
        address: "",
        showcoin: false,
        show: false,
        pass: "",
        pass1: "",
        pass2: "",
        showcoin2: false,
        bar: {
            code: "0x15b8c7465fd952e239306174e4e9a2255c332f15",
            size: 110,
            // 二维码大小
            level: 4,
            border: {
                color: [
                    "#ffffff"
                ],
                //边框颜色支持渐变色 最多10种颜色 如果默认黑色此属性不需要传
                opacity: 0,
                //边框透明度 默认为1不透明 0~1
                lineWidth: 4,
                //边框宽度
                degree: 0 //边框圆角度数 默认5
            },
            color: [
                "#CF0CF6",
                "#4D70FE",
                "#6124FF"
            ] //边框颜色支持渐变色
        },
        account: {
            totalActualAmount: 0,
            accountAmount: []
        },
        sendcoin: {
            coinIcon: "",
            coinName: "",
            actualAmount: "",
            coinId: ""
        },
        ethaddress: "",
        bscaddress: "",
        showfee: false,
        fee: "",
        billcoin: {},
        billlist: [],
        billdetail: {},
        nftlist: [],
        ticList: [],
        invitationCode: (_JSON_parse = JSON.parse(localStorage.getItem(KEYCONST.token) || "{}")) === null || _JSON_parse === void 0 ? void 0 : _JSON_parse.invitationCode,
        loadingType: "more",
        currentbill: 1,
        loadingTypenft: "more",
        loadingTypetic: "more",
        currentnft: 1,
        currenttic: 1,
        isscrollcoinref: false,
        isscrollnftref: false,
        isscrollticref: false,
        state: true,
        showuserinfok: false,
        nickname: "",
        membercount: 0,
        nobilityindex: 1,
        memberlist: [],
        platformnft: "",
        gold: {}
    }), 2), state = _useSetState[0], setState = _useSetState[1];
    // const lastState = useLatest(state);
    var dispatch = useDispatch();
    var clipboard = useClipboard({
        onSuccess: function onSuccess() {
            setState({
                copysuccessshow: true,
                maskshow: true
            });
            setTimeout(function() {
                setState({
                    copysuccessshow: false,
                    maskshow: false
                });
            }, 1500);
        },
        onError: function onError() {}
    });
    var services = useServices({
        userAddress: userAddress,
        accountAmount: accountAmount,
        amountPlatform: amountPlatform,
        setPayPassword2: setPayPassword2,
        walletTransfer: walletTransfer,
        transFee: transFee,
        tradeBill: tradeBill,
        tradeBillInfo: tradeBillInfo,
        myNft: myNft
    });
    var _useRouteInfo = useRouteInfo(), query = _useRouteInfo.location.query;
    var chainsRef = userInfiniteScroll({
        next: getbilllist,
        disabled: true
    });
    var nftsRef = userInfiniteScroll({
        next: getnft,
        disabled: true
    });
    useMount(function() {
        if (query === null || query === void 0 ? void 0 : query.type) {
            setState({
                type: query.type
            });
        }
        //getgold()
        getaddress();
        getaccountAmount();
        getnftlist();
    });
    return /*#__PURE__*/ _jsxs("div", {
        className: styles.content,
        children: [
            state.page == 1 && /*#__PURE__*/ _jsxs("div", {
                className: styles.page,
                children: [
                    /*#__PURE__*/ _jsxs("div", {
                        className: classNames(),
                        children: [
                            /*#__PURE__*/ _jsx("div", {
                                className: classNames(styles.qhboxk, "font-11 Montserrat-Bold", state.type == 1 ? styles.qhboxkztz : styles.qhboxkztb),
                                onClick: function() {
                                    setState({
                                        type: 1
                                    });
                                },
                                children: "TOKENS"
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: classNames(styles.qhboxk, "font-11 Montserrat-Bold", state.type == 2 ? styles.qhboxkztz : styles.qhboxkztb),
                                onClick: function() {
                                    setState({
                                        type: 2
                                    });
                                    getnftlist();
                                },
                                children: "NFTS"
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: classNames(styles.qhboxbk),
                                style: {
                                    left: state.type == 1 ? "2px" : "92px"
                                }
                            })
                        ]
                    }),
                    state.type == 1 && /*#__PURE__*/ _jsxs("div", {
                        className: styles.listContent,
                        "v-if": "type == 1",
                        children: [
                            state.way == 1 && /*#__PURE__*/ _jsxs("div", {
                                className: styles.way1box,
                                "v-if": "way == 1",
                                children: [
                                    /*#__PURE__*/ _jsx("div", {
                                        className: "font-12 Montserrat-SemiBold text-center font-zi mt-20",
                                        children: "Portfolio Value:"
                                    }),
                                    /*#__PURE__*/ _jsxs("div", {
                                        className: "font-24 Montserrat-Bold text-center font-zi",
                                        children: [
                                            utilsFilter.numFormat(state.account.totalActualAmount),
                                            " ",
                                            "USD"
                                        ]
                                    }),
                                    /*#__PURE__*/ _jsx("div", {
                                        className: "font-12 Montserrat-SemiBold text-center font-zi ",
                                        style: {
                                            marginTop: "14px"
                                        },
                                        children: "TOKENS IN NETWORK"
                                    }),
                                    /*#__PURE__*/ _jsxs("div", {
                                        className: styles.xlbox,
                                        children: [
                                            /*#__PURE__*/ _jsxs("div", {
                                                className: styles.bichangebox,
                                                onClick: function() {
                                                    setState({
                                                        isxiala: !state.isxiala
                                                    });
                                                },
                                                children: [
                                                    /*#__PURE__*/ _jsxs("div", {
                                                        className: styles.baibox,
                                                        children: [
                                                            state.lian == "ETH" && /*#__PURE__*/ _jsx("img", {
                                                                className: styles.linimg,
                                                                "v-show": "lian == 'ETH'",
                                                                src: require("../../assets/public/Vector.svg"),
                                                                alt: ""
                                                            }),
                                                            state.lian == "BSC" && /*#__PURE__*/ _jsx("img", {
                                                                className: styles.linimg2,
                                                                "v-show": "lian == 'BSC'",
                                                                src: require("../../assets/public/bnancezi.svg"),
                                                                alt: ""
                                                            }),
                                                            /*#__PURE__*/ _jsxs("div", {
                                                                className: styles.linname,
                                                                children: [
                                                                    state.lian == "ETH" ? "ETHEREUM" : "BINANCE",
                                                                    " "
                                                                ]
                                                            })
                                                        ]
                                                    }),
                                                    /*#__PURE__*/ _jsx("img", {
                                                        className: styles.xialaimg,
                                                        src: require("../../assets/public/jtb.png"),
                                                        alt: ""
                                                    })
                                                ]
                                            }),
                                            /*#__PURE__*/ _jsxs("div", {
                                                className: classNames(styles.xialalist, styles.hei0),
                                                children: [
                                                    state.lian == "ETH" && /*#__PURE__*/ _jsxs("div", {
                                                        className: styles.listone,
                                                        "v-show": "lian == 'ETH'",
                                                        onClick: function() {
                                                            changlian("BSC");
                                                        },
                                                        children: [
                                                            /*#__PURE__*/ _jsx("img", {
                                                                className: "",
                                                                src: require("../../assets/public/bnancezi.svg"),
                                                                alt: ""
                                                            }),
                                                            /*#__PURE__*/ _jsx("div", {
                                                                children: "BINANCE"
                                                            })
                                                        ]
                                                    }),
                                                    state.lian == "BSC" && /*#__PURE__*/ _jsxs("div", {
                                                        className: styles.listone,
                                                        "v-show": "lian == 'BSC'",
                                                        onClick: function() {
                                                            return changlian("ETH");
                                                        },
                                                        children: [
                                                            /*#__PURE__*/ _jsx("img", {
                                                                style: {
                                                                    width: "12px",
                                                                    height: "18px"
                                                                },
                                                                src: require("../../assets/public/Vector.svg"),
                                                                alt: ""
                                                            }),
                                                            /*#__PURE__*/ _jsx("div", {
                                                                children: "ETHEREUM"
                                                            })
                                                        ]
                                                    })
                                                ]
                                            })
                                        ]
                                    }),
                                    /*#__PURE__*/ _jsx("div", {
                                        className: styles.listbox2,
                                        style: {
                                            overflow: "auto"
                                        },
                                        children: state.account.accountAmount.map(function(item, index) {
                                            return /*#__PURE__*/ _jsx("div", {
                                                "v-for": " (item, index) in account.accountAmount",
                                                children: item.type == state.lian && /*#__PURE__*/ _jsxs("div", {
                                                    className: classNames(styles.coinlist, "flex-center"),
                                                    "v-if": "item.type == lian",
                                                    onClick: function() {
                                                        setState({
                                                            page: 3,
                                                            billcoin: item
                                                        });
                                                        getbill(item);
                                                    },
                                                    children: [
                                                        /*#__PURE__*/ _jsxs("div", {
                                                            className: classNames("flex-center", styles.coinlistl),
                                                            children: [
                                                                /*#__PURE__*/ _jsx("img", {
                                                                    className: styles.icon48,
                                                                    style: {
                                                                        borderRadius: "50%"
                                                                    },
                                                                    src: item.coinIcon
                                                                }),
                                                                /*#__PURE__*/ _jsx("div", {
                                                                    className: "font-13 Montserrat-Bold ml-10 font-zi",
                                                                    children: item.coinName
                                                                })
                                                            ]
                                                        }),
                                                        /*#__PURE__*/ _jsxs("div", {
                                                            className: styles.coinlistc,
                                                            children: [
                                                                /*#__PURE__*/ _jsx("div", {
                                                                    className: "font-17 Montserrat-Bold font-zi text-center",
                                                                    style: {
                                                                        marginBottom: "-10px"
                                                                    },
                                                                    children: utilsFilter.numFormat(item.actualAmount)
                                                                }),
                                                                /*#__PURE__*/ _jsxs("div", {
                                                                    className: "font-8 text-center font-zi Montserrat-SemiBold",
                                                                    children: [
                                                                        "ESTIMATED VALUE:",
                                                                        " ",
                                                                        utilsFilter.numFormat(item.convertActualAmount),
                                                                        " ",
                                                                        "USD"
                                                                    ]
                                                                })
                                                            ]
                                                        }),
                                                        /*#__PURE__*/ _jsx("img", {
                                                            className: styles.icon32,
                                                            style: {
                                                                transform: "rotate(90deg)"
                                                            },
                                                            src: require("../../assets/public/jt.png")
                                                        })
                                                    ]
                                                })
                                            }, index);
                                        })
                                    }),
                                    /*#__PURE__*/ _jsxs("div", {
                                        className: "mt-15 flex-center flex-j-between",
                                        style: {
                                            padding: "0 87.5px"
                                        },
                                        children: [
                                            /*#__PURE__*/ _jsxs("div", {
                                                className: classNames(styles.btn1, "flex-center flex-j-around"),
                                                onClick: function() {
                                                    setState({
                                                        way: 2
                                                    });
                                                },
                                                style: {
                                                    marginRight: "20px"
                                                },
                                                children: [
                                                    /*#__PURE__*/ _jsx("div", {
                                                        className: "font-11 Montserrat-Bold font-white",
                                                        children: "SEND"
                                                    }),
                                                    /*#__PURE__*/ _jsx("img", {
                                                        className: classNames(styles.icon48, styles.btniconl),
                                                        src: require("../../assets/public/sendicon.png")
                                                    })
                                                ]
                                            }),
                                            /*#__PURE__*/ _jsxs("div", {
                                                className: classNames(styles.btn1, "flex-center flex-j-around"),
                                                onClick: function() {
                                                    setState({
                                                        page: 2
                                                    });
                                                },
                                                children: [
                                                    /*#__PURE__*/ _jsx("div", {
                                                        className: "font-11 Montserrat-Bold font-white",
                                                        children: "RECEIVE"
                                                    }),
                                                    /*#__PURE__*/ _jsx("img", {
                                                        className: classNames(styles.icon48, styles.btniconr),
                                                        src: require("../../assets/public/receiveicon.png")
                                                    })
                                                ]
                                            })
                                        ]
                                    })
                                ]
                            }),
                            state.way == 2 && /*#__PURE__*/ _jsxs("div", {
                                className: styles.way1box,
                                children: [
                                    /*#__PURE__*/ _jsx("img", {
                                        className: styles.backpng,
                                        onClick: function() {
                                            setState({
                                                way: 1,
                                                address: ""
                                            });
                                        },
                                        src: require("../../assets/public/back.png"),
                                        alt: ""
                                    }),
                                    /*#__PURE__*/ _jsx("div", {
                                        className: "font-zi font-14 text-center mt-45 Montserrat-ExtraBold",
                                        children: "SEND TOKENS"
                                    }),
                                    /*#__PURE__*/ _jsx("div", {
                                        className: "font-zi Montserrat-Medium font-10 text-center mt-30",
                                        children: "TRANSFER AMOUNT"
                                    }),
                                    /*#__PURE__*/ _jsxs("div", {
                                        className: classNames("flex-center", styles.amountbox),
                                        children: [
                                            /*#__PURE__*/ _jsx("div", {
                                                className: (styles.amountboxintk, "flex-center flex-j-around"),
                                                children: /*#__PURE__*/ _jsx("div", {
                                                    className: classNames(styles.amountboxintbg, "flex-center"),
                                                    children: /*#__PURE__*/ _jsx("input", {
                                                        className: classNames(styles.intzi, "Montserrat-Medium"),
                                                        "placeholder-class": styles.inttszi,
                                                        type: "digit",
                                                        "v-model": "amount",
                                                        value: state.amount,
                                                        onChange: function(e) {
                                                            setState({
                                                                amount: e.target.value
                                                            });
                                                        },
                                                        placeholder: "0.00",
                                                        onBlur: getfee
                                                    })
                                                })
                                            }),
                                            /*#__PURE__*/ _jsxs("div", {
                                                className: styles.amountboxbtkw,
                                                children: [
                                                    /*#__PURE__*/ _jsx("div", {
                                                        className: classNames(styles.amountboxbtk, "flex-center flex-j-around"),
                                                        children: /*#__PURE__*/ _jsxs("div", {
                                                            className: " flex-center ",
                                                            onClick: function() {
                                                                setState({
                                                                    showcoin: !state.showcoin
                                                                });
                                                            },
                                                            children: [
                                                                /*#__PURE__*/ _jsx("div", {
                                                                    className: "font-white Montserrat-SemiBold font-11",
                                                                    children: state.sendcoin.coinName
                                                                }),
                                                                /*#__PURE__*/ _jsx("img", {
                                                                    style: {
                                                                        transform: state.showcoin == true ? "rotate(180deg)" : ""
                                                                    },
                                                                    className: styles.icon32,
                                                                    src: require("../../assets/public/jtb.png")
                                                                })
                                                            ]
                                                        })
                                                    }),
                                                    state.account.accountAmount.length > 2 ? /*#__PURE__*/ _jsxs("div", {
                                                        className: styles.sendcoin,
                                                        style: {
                                                            height: state.showcoin ? "95px" : "0"
                                                        },
                                                        "v-if": "account.accountAmount.length > 2",
                                                        children: [
                                                            state.showcoin && /*#__PURE__*/ _jsx("div", {
                                                                className: styles.mc,
                                                                "v-if": "showcoin",
                                                                onClick: function() {
                                                                    setState({
                                                                        showcoin: false
                                                                    });
                                                                }
                                                            }),
                                                            /*#__PURE__*/ _jsx("div", {
                                                                className: styles.sendcoink,
                                                                children: /*#__PURE__*/ _jsx("div", {
                                                                    className: styles.huadong,
                                                                    style: {
                                                                        width: "57px",
                                                                        height: "85px"
                                                                    },
                                                                    children: state.account.accountAmount.map(function(item, index) {
                                                                        return /*#__PURE__*/ _jsxs("div", {
                                                                            className: classNames("flex-center", styles.sendcoinlist, "flex-j-between"),
                                                                            "v-for": "(item, index) in account.accountAmount",
                                                                            onClick: function() {
                                                                                setState({
                                                                                    showcoin: false,
                                                                                    sendcoin: item
                                                                                });
                                                                            },
                                                                            children: [
                                                                                /*#__PURE__*/ _jsx("div", {
                                                                                    className: "font-zi Montserrat-SemiBold font-11",
                                                                                    children: item.coinName
                                                                                }),
                                                                                /*#__PURE__*/ _jsx("img", {
                                                                                    className: styles.icon32,
                                                                                    src: item.type == "ETH" ? require("../../assets/public/Group31@2x.png") : require("../../assets/public/bian.svg")
                                                                                })
                                                                            ]
                                                                        }, index);
                                                                    })
                                                                })
                                                            })
                                                        ]
                                                    }) : /*#__PURE__*/ _jsxs("div", {
                                                        className: styles.sendcoin,
                                                        style: {
                                                            height: state.showcoin ? "71px" : "0"
                                                        },
                                                        "v-else": true,
                                                        children: [
                                                            state.showcoin && /*#__PURE__*/ _jsx("div", {
                                                                className: styles.mc,
                                                                "v-if": "showcoin",
                                                                onClick: function() {
                                                                    setState({
                                                                        showcoin: false
                                                                    });
                                                                }
                                                            }),
                                                            /*#__PURE__*/ _jsx("div", {
                                                                className: styles.sendcoink,
                                                                style: {
                                                                    height: "71px"
                                                                },
                                                                children: /*#__PURE__*/ _jsx("div", {
                                                                    className: styles.huadong,
                                                                    style: {
                                                                        width: 57,
                                                                        height: 60
                                                                    },
                                                                    children: state.account.accountAmount.map(function(item, index) {
                                                                        return /*#__PURE__*/ _jsxs("div", {
                                                                            className: classNames("flex-center", styles.sendcoinlist, "flex-j-between"),
                                                                            "v-for": "(item, index) in account.accountAmount",
                                                                            onClick: function() {
                                                                                setState({
                                                                                    showcoin: false,
                                                                                    sendcoin: item
                                                                                });
                                                                            },
                                                                            children: [
                                                                                /*#__PURE__*/ _jsx("div", {
                                                                                    className: "font-zi Montserrat-SemiBold font-11",
                                                                                    children: item.coinName
                                                                                }),
                                                                                /*#__PURE__*/ _jsx("img", {
                                                                                    className: styles.icon32,
                                                                                    src: item.type == "ETH" ? require("../../assets/public/Group31@2x.png") : require("../../assets/public/bian.svg")
                                                                                })
                                                                            ]
                                                                        }, index);
                                                                    })
                                                                })
                                                            })
                                                        ]
                                                    })
                                                ]
                                            })
                                        ]
                                    }),
                                    /*#__PURE__*/ _jsxs("div", {
                                        className: classNames(styles.amountnum, "font-9 font-zi text-center Montserrat-Medium"),
                                        children: [
                                            state.sendcoin.coinName,
                                            " BALANCE:",
                                            " ",
                                            state.sendcoin.actualAmount
                                        ]
                                    }),
                                    /*#__PURE__*/ _jsx("div", {
                                        className: "Montserrat-Medium text-center font-zi mt-25",
                                        children: "SEND TO"
                                    }),
                                    /*#__PURE__*/ _jsx("div", {
                                        className: classNames(styles.amountboxintk2, "flex-center flex-j-around"),
                                        children: /*#__PURE__*/ _jsx("div", {
                                            className: classNames(styles.amountboxintbg2, "flex-center"),
                                            children: /*#__PURE__*/ _jsx("input", {
                                                className: classNames(styles.intzi2, "Montserrat-Medium font-9"),
                                                "placeholder-class": styles.inttszi2,
                                                type: "text",
                                                "v-model": "address",
                                                value: state.address,
                                                onChange: function(e) {
                                                    setState({
                                                        address: e.target.value
                                                    });
                                                },
                                                placeholder: "ENTER ADDRESS",
                                                onBlur: getfee
                                            })
                                        })
                                    }),
                                    state.showfee && /*#__PURE__*/ _jsxs("div", {
                                        className: classNames(styles.amountnum, "font-9 font-zi text-center Montserrat-Medium"),
                                        "v-if": "showfee",
                                        children: [
                                            "NETWORK FEE: ",
                                            state.fee,
                                            state.sendcoin.coinName
                                        ]
                                    }),
                                    /*#__PURE__*/ _jsxs("div", {
                                        className: styles.sendbtn,
                                        children: [
                                            /*#__PURE__*/ _jsx("div", {
                                                className: classNames(Number(state.amount) > 0 && state.address ? styles.sendbtnactive : ""),
                                                onClick: sendclick,
                                                children: "SEND"
                                            }),
                                            /*#__PURE__*/ _jsx("img", {
                                                src: state.amount && state.address ? require("../../assets/public/sendicon.png") : require("../../assets/public/sendh.png")
                                            })
                                        ]
                                    })
                                ]
                            })
                        ]
                    }),
                    state.type == 2 && /*#__PURE__*/ _jsxs("div", {
                        className: styles.nft_wrap,
                        "v-if": "type == 2",
                        children: [
                            /*#__PURE__*/ _jsx(PullRefresh, {
                                onLoadingChange: function(loading) {
                                    setState({
                                        downloading: loading
                                    });
                                },
                                onRefresh: getnftlist,
                                pullingText: "Pull down to refresh...",
                                loosingText: "Release to refresh...",
                                loadingText: "Loading...",
                                wrapClassName: styles.scroller,
                                dependencies: [
                                    state.nftlist.length
                                ],
                                children: /*#__PURE__*/ _jsxs("div", {
                                    className: classNames(styles.nftscroll, styles.huadong, styles["infinite-list"]),
                                    style: {
                                        overflow: "auto"
                                    },
                                    ref: nftsRef,
                                    children: [
                                        state.nftlist.map(function(item, index) {
                                            return /*#__PURE__*/ _jsxs("div", {
                                                className: classNames(styles.nftlist, "flex-center flex-j-around"),
                                                "v-for": "(item, index) in nftlist",
                                                onClick: function() {
                                                    gonftdetail(item.id);
                                                },
                                                children: [
                                                    /*#__PURE__*/ _jsx("div", {
                                                        className: classNames(styles.nftlistk, "flex-center flex-j-around"),
                                                        children: /*#__PURE__*/ _jsx("img", {
                                                            style: {
                                                                width: 118,
                                                                height: 118
                                                            },
                                                            src: item.imgPath
                                                        })
                                                    }),
                                                    item.authorId == "0" && /*#__PURE__*/ _jsx("div", {
                                                        className: classNames(styles.nftlistj, index % 2 == 0 ? "" : styles.nftlistjr),
                                                        "v-if": "item.authorId == 0",
                                                        children: /*#__PURE__*/ _jsx("img", {
                                                            className: styles.nfticon1,
                                                            src: require("../../assets/public/hg.png")
                                                        })
                                                    }),
                                                    /*#__PURE__*/ _jsx("img", {
                                                        className: classNames(styles.icon48, styles.nfticon),
                                                        src: item.chainType == "ERC721" ? require("../../assets/public/ETHzi.png") : require("../../assets/public/binance@2x.png")
                                                    })
                                                ]
                                            }, index);
                                        }),
                                        state.nftlist.length == 0 && /*#__PURE__*/ _jsxs("div", {
                                            className: "",
                                            style: {
                                                marginTop: 150,
                                                margin: "auto"
                                            },
                                            "v-if": "nftlist.length == 0",
                                            children: [
                                                /*#__PURE__*/ _jsx("div", {
                                                    className: "Montserrat-Medium font-12 text-center font-zi",
                                                    style: {
                                                        width: 172,
                                                        margin: "0 auto"
                                                    },
                                                    children: "SORRY, YOU DON'T HAVE ANY NFTs YET"
                                                }),
                                                /*#__PURE__*/ _jsx("div", {
                                                    className: classNames("Montserrat-Bold font-11 text-center", styles.nftlistbt),
                                                    onClick: gotonftindex,
                                                    children: "GO TO MARKETPLACE"
                                                })
                                            ]
                                        }),
                                        /*#__PURE__*/ _jsx("div", {
                                            className: "",
                                            style: {
                                                height: 15
                                            }
                                        })
                                    ]
                                })
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: styles.fgx,
                                style: {
                                    marginTop: 0
                                }
                            })
                        ]
                    })
                ]
            }),
            state.page == 2 && /*#__PURE__*/ _jsxs("div", {
                className: styles.page1calss,
                "v-if": "page == 2",
                children: [
                    /*#__PURE__*/ _jsx("img", {
                        className: styles.backpng,
                        onClick: function() {
                            setState({
                                page: 1
                            });
                        },
                        src: require("../../assets/public/back.png"),
                        alt: ""
                    }),
                    /*#__PURE__*/ _jsxs("div", {
                        className: styles.scrollscan2,
                        children: [
                            /*#__PURE__*/ _jsx("div", {
                                className: "font-20 Montserrat-ExtraBold font-zi text-center",
                                children: "RECEIVE TOKENS"
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: classNames(styles.innet, "mt-10"),
                                children: "TOKENS IN NETWORK"
                            }),
                            /*#__PURE__*/ _jsxs("div", {
                                className: classNames(styles.xlbox, "mt-10"),
                                children: [
                                    /*#__PURE__*/ _jsxs("div", {
                                        className: styles.bichangebox,
                                        onClick: function() {
                                            setState({
                                                isxiala: !state.isxiala
                                            });
                                        },
                                        children: [
                                            /*#__PURE__*/ _jsxs("div", {
                                                className: styles.baibox,
                                                children: [
                                                    state.lian == "ETH" && /*#__PURE__*/ _jsx("img", {
                                                        className: styles.linimg,
                                                        "v-show": "lian == 'ETH'",
                                                        src: require("../../assets/public/Vector.svg"),
                                                        alt: ""
                                                    }),
                                                    state.lian == "BSC" && /*#__PURE__*/ _jsx("img", {
                                                        className: styles.linimg2,
                                                        "v-show": "lian == 'BSC'",
                                                        src: require("../../assets/public/bnancezi.svg"),
                                                        alt: ""
                                                    }),
                                                    /*#__PURE__*/ _jsxs("div", {
                                                        className: styles.linname,
                                                        children: [
                                                            state.lian == "ETH" ? "ETHEREUM" : "BINANCE",
                                                            " "
                                                        ]
                                                    })
                                                ]
                                            }),
                                            /*#__PURE__*/ _jsx("img", {
                                                className: styles.xialaimg,
                                                src: require("../../assets/public/jtb.png"),
                                                alt: ""
                                            })
                                        ]
                                    }),
                                    /*#__PURE__*/ _jsxs("div", {
                                        className: classNames(styles.xialalist, styles.hei0),
                                        children: [
                                            state.lian == "ETH" && /*#__PURE__*/ _jsxs("div", {
                                                className: styles.listone,
                                                "v-show": "lian == 'ETH'",
                                                onClick: function() {
                                                    changlian("BSC");
                                                },
                                                children: [
                                                    /*#__PURE__*/ _jsx("img", {
                                                        className: "",
                                                        src: require("../../assets/public/bnancezi.svg"),
                                                        alt: ""
                                                    }),
                                                    /*#__PURE__*/ _jsx("div", {
                                                        children: "BINANCE"
                                                    })
                                                ]
                                            }),
                                            state.lian == "BSC" && /*#__PURE__*/ _jsxs("div", {
                                                className: styles.listone,
                                                "v-show": "lian == 'BSC'",
                                                onClick: function() {
                                                    changlian("ETH");
                                                },
                                                children: [
                                                    /*#__PURE__*/ _jsx("img", {
                                                        className: "",
                                                        style: {
                                                            width: 12,
                                                            height: 18
                                                        },
                                                        src: require("../../assets/public/Vector.svg"),
                                                        alt: ""
                                                    }),
                                                    /*#__PURE__*/ _jsx("div", {
                                                        children: "ETHEREUM"
                                                    })
                                                ]
                                            })
                                        ]
                                    })
                                ]
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: "font-10 Montserrat-SemiBold font-zi text-center mt-5",
                                children: "SCAN CODE"
                            }),
                            /*#__PURE__*/ _jsxs("div", {
                                className: " mt-5 flex-center flex-j-around",
                                style: {
                                    position: "relative",
                                    height: 125,
                                    width: 125
                                },
                                children: [
                                    /*#__PURE__*/ _jsx("img", {
                                        src: require("../../assets/public/codek.png"),
                                        style: {
                                            width: 125,
                                            height: 125,
                                            position: "absolute",
                                            left: 0,
                                            top: 0
                                        }
                                    }),
                                    /*#__PURE__*/ _jsx("div", {
                                        className: "",
                                        onClick: showcode,
                                        children: /*#__PURE__*/ _jsx(QRCode, {
                                            renderAs: "svg",
                                            value: state.bar.code,
                                            size: state.bar.size,
                                            level: "H",
                                            fgColor: "#8227FB",
                                            style: {
                                                marginTop: 5
                                            }
                                        })
                                    })
                                ]
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: "font-10 font-zi text-center Montserrat-SemiBold mt-10",
                                children: "OR SCAN ADDRESS TO RECEIVE PAYMENT"
                            }),
                            /*#__PURE__*/ _jsxs("div", {
                                className: "flex-center mt-5",
                                children: [
                                    /*#__PURE__*/ _jsx("div", {
                                        className: classNames(styles.amountboxintk3, "flex-center flex-j-around"),
                                        children: /*#__PURE__*/ _jsx("div", {
                                            className: classNames(styles.amountboxintbg3, "flex-center font-zi Montserrat-Medium font-13 flex-j-around"),
                                            children: utilsFilter.stringMethod(state.bar.code)
                                        })
                                    }),
                                    /*#__PURE__*/ _jsx("img", {
                                        onClick: function() {
                                            copy(state.bar.code);
                                        },
                                        className: classNames(styles.icon48, "ml-10"),
                                        src: require("../../assets/public/Group19@2x.png")
                                    })
                                ]
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: classNames(styles.fgx, "mt-10")
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: "font-10 font-zi text-center Montserrat-SemiBold mt-5",
                                children: "FOR INTERNAL TRANSFERS"
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: "flex-center flex-j-around mt-5",
                                children: /*#__PURE__*/ _jsxs("div", {
                                    className: "flex-center",
                                    children: [
                                        /*#__PURE__*/ _jsx("div", {
                                            className: classNames(styles.btn3, "Montserrat-Medium font-13"),
                                            style: {
                                                width: 199
                                            },
                                            children: userInfo.email ? userInfo.email : userInfo.phone
                                        }),
                                        /*#__PURE__*/ _jsx("img", {
                                            className: classNames(styles.icon48, "ml-10"),
                                            src: require("../../assets/public/copy.png"),
                                            onClick: function() {
                                                copy(userInfo.email ? userInfo.email : userInfo.phone);
                                            }
                                        })
                                    ]
                                })
                            }),
                            /*#__PURE__*/ _jsx("div", {
                                className: "",
                                style: {
                                    height: 35
                                }
                            })
                        ]
                    })
                ]
            }),
            state.page == 3 && /*#__PURE__*/ _jsxs("div", {
                className: styles.page1calss,
                "v-if": "page == 3",
                children: [
                    /*#__PURE__*/ _jsx("img", {
                        className: styles.backpng,
                        onClick: function() {
                            setState({
                                page: 1
                            });
                        },
                        src: require("../../assets/public/back.png"),
                        alt: ""
                    }),
                    /*#__PURE__*/ _jsxs("div", {
                        className: "flex-center mt-15",
                        style: {
                            position: "relative",
                            zIndex: 10
                        },
                        children: [
                            /*#__PURE__*/ _jsx("div", {
                                className: "font-18 Montserrat-ExtraBold font-zi",
                                children: "TXN HISTORY"
                            }),
                            /*#__PURE__*/ _jsxs("div", {
                                className: classNames("ml-10", styles.billcoinkw),
                                children: [
                                    /*#__PURE__*/ _jsx("div", {
                                        className: classNames(styles.billcoink, "flex-center flex-j-around"),
                                        onClick: function(e) {
                                            e.stopPropagation();
                                            setState({
                                                showcoin2: !state.showcoin2
                                            });
                                        },
                                        children: /*#__PURE__*/ _jsx("div", {
                                            className: " flex-center flex-j-around",
                                            children: /*#__PURE__*/ _jsxs("div", {
                                                className: "flex-center",
                                                children: [
                                                    /*#__PURE__*/ _jsx("div", {
                                                        className: "font-white Montserrat-Bold",
                                                        children: state.billcoin.coinName
                                                    }),
                                                    /*#__PURE__*/ _jsx("img", {
                                                        style: {
                                                            transform: state.showcoin2 == true ? "rotate(180deg);" : ""
                                                        },
                                                        className: styles.icon32,
                                                        src: require("../../assets/public/jtb.png")
                                                    })
                                                ]
                                            })
                                        })
                                    }),
                                    state.showcoin2 && /*#__PURE__*/ _jsx("div", {
                                        className: styles.mc2,
                                        "v-if": "showcoin2",
                                        onClick: function() {
                                            setState({
                                                showcoin2: false
                                            });
                                        }
                                    }),
                                    state.account.accountAmount.length > 2 ? /*#__PURE__*/ _jsx("div", {
                                        className: styles.sendcoin2,
                                        style: {
                                            height: state.showcoin2 ? "95px" : "0"
                                        },
                                        "v-if": "account.accountAmount.length > 2",
                                        children: /*#__PURE__*/ _jsx("div", {
                                            className: styles.sendcoink2,
                                            children: /*#__PURE__*/ _jsx("div", {
                                                className: styles.huadong,
                                                style: {
                                                    width: 77,
                                                    height: 82.5
                                                },
                                                children: state.account.accountAmount.map(function(item, index) {
                                                    return /*#__PURE__*/ _jsxs("div", {
                                                        className: classNames("flex-center", styles.sendcoinlist, "flex-j-between"),
                                                        style: {
                                                            height: 32,
                                                            width: 62
                                                        },
                                                        "v-for": "(item, index) in  account.accountAmount",
                                                        onClick: function(e) {
                                                            e.stopPropagation();
                                                            setState({
                                                                showcoin: false,
                                                                billcoin: item
                                                            });
                                                            getbill(item);
                                                        },
                                                        children: [
                                                            /*#__PURE__*/ _jsx("div", {
                                                                className: "font-zi Montserrat-SemiBold",
                                                                children: item.coinName
                                                            }),
                                                            /*#__PURE__*/ _jsx("img", {
                                                                className: styles.icon32,
                                                                src: item.type == "ETH" ? require("../../assets/public/Group31@2x.png") : require("../../assets/public/bian.svg")
                                                            })
                                                        ]
                                                    }, index);
                                                })
                                            })
                                        })
                                    }) : /*#__PURE__*/ _jsx("div", {
                                        className: styles.sendcoin2,
                                        style: {
                                            height: state.showcoin2 ? "77.5px" : "0"
                                        },
                                        "v-else": true,
                                        children: /*#__PURE__*/ _jsx("div", {
                                            className: styles.sendcoink2,
                                            style: {
                                                height: 77.5
                                            },
                                            children: /*#__PURE__*/ _jsx("div", {
                                                className: styles.huadong,
                                                style: {
                                                    width: 77,
                                                    height: 65
                                                },
                                                children: state.account.accountAmount.map(function(item, index) {
                                                    return /*#__PURE__*/ _jsxs("div", {
                                                        className: classNames("flex-center", styles.sendcoinlist, "flex-j-between"),
                                                        style: {
                                                            height: 32,
                                                            width: 62
                                                        },
                                                        "v-for": "(item, index) in  account.accountAmount",
                                                        onClick: function(e) {
                                                            e.stopPropagation();
                                                            setState({
                                                                showcoin2: false,
                                                                billcoin: item
                                                            });
                                                            getbill(item);
                                                        },
                                                        children: [
                                                            /*#__PURE__*/ _jsx("div", {
                                                                className: "font-zi Montserrat-SemiBold ",
                                                                children: item.coinName
                                                            }),
                                                            /*#__PURE__*/ _jsx("img", {
                                                                className: styles.icon32,
                                                                src: item.type == "ETH" ? require("../../assets/public/Group31@2x.png") : require("../../assets/public/bian.svg")
                                                            })
                                                        ]
                                                    }, index);
                                                })
                                            })
                                        })
                                    })
                                ]
                            })
                        ]
                    }),
                    /*#__PURE__*/ _jsx("img", {
                        className: styles.billcoin,
                        style: {
                            borderRadius: "50%"
                        },
                        src: state.billcoin.coinIcon
                    }),
                    /*#__PURE__*/ _jsxs("div", {
                        className: "text-center mt-10",
                        children: [
                            /*#__PURE__*/ _jsx("text", {
                                className: "font-28 Montserrat-Bold font-zi",
                                children: utilsFilter.numFormat(state.billcoin.actualAmount)
                            }),
                            /*#__PURE__*/ _jsx("text", {
                                className: "font-16 Montserrat-Bold font-zi ml-5",
                                children: state.billcoin.coinName
                            })
                        ]
                    }),
                    /*#__PURE__*/ _jsxs("div", {
                        className: "text-center font-10 font-zi Montserrat-SemiBold",
                        children: [
                            "ESTIMATED VALUE:",
                            utilsFilter.numFormat(state.billcoin.convertActualAmount),
                            " ",
                            "USD"
                        ]
                    }),
                    /*#__PURE__*/ _jsxs("div", {
                        className: classNames(styles.listbox2, styles["infinite-list"]),
                        style: {
                            overflow: "auto",
                            marginBottom: "30px"
                        },
                        ref: chainsRef,
                        children: [
                            state.billlist.map(function(item, index) {
                                return /*#__PURE__*/ _jsxs("div", {
                                    className: classNames(styles.coinlist, "flex-center flex-j-between"),
                                    style: {
                                        paddingRight: 0
                                    },
                                    "v-for": "(item, index) in billlist",
                                    onClick: function() {
                                        return getbilldetail(item);
                                    },
                                    children: [
                                        /*#__PURE__*/ _jsxs("div", {
                                            className: styles.zuobox,
                                            children: [
                                                /*#__PURE__*/ _jsx("img", {
                                                    className: classNames(styles.icon48, "ml-15"),
                                                    src: item.billType == 1 ? require("../../assets/public/receiveicon.png") : require("../../assets/public/sendicon.png")
                                                }),
                                                /*#__PURE__*/ _jsxs("div", {
                                                    className: "ml-10",
                                                    children: [
                                                        /*#__PURE__*/ _jsxs("div", {
                                                            className: "font-zi Montserrat-SemiBold font-14",
                                                            style: {
                                                                marginBottom: -5
                                                            },
                                                            children: [
                                                                item.billType == 1 ? "RECEIVE" : "SEND",
                                                                " ",
                                                                "| ",
                                                                item.coinName
                                                            ]
                                                        }),
                                                        /*#__PURE__*/ _jsx("div", {
                                                            className: classNames("font-10  Montserrat-Medium", tradeStatuscolor(item.tradeStatus)),
                                                            children: tradeStatus(item.tradeStatus)
                                                        })
                                                    ]
                                                })
                                            ]
                                        }),
                                        /*#__PURE__*/ _jsxs("div", {
                                            className: styles.youbox,
                                            children: [
                                                /*#__PURE__*/ _jsxs("div", {
                                                    className: "",
                                                    style: {
                                                        marginBottom: -10
                                                    },
                                                    children: [
                                                        /*#__PURE__*/ _jsxs("text", {
                                                            className: "font-20 font-zi Montserrat-Bold",
                                                            children: [
                                                                item.billType == 1 ? "+" : "-",
                                                                utilsFilter.numFormat(Number(item.number) + Number(item.fee))
                                                            ]
                                                        }),
                                                        /*#__PURE__*/ _jsx("text", {
                                                            className: "font-12 font-zi Montserrat-SemiBold ml-5",
                                                            children: item.coinName
                                                        })
                                                    ]
                                                }),
                                                /*#__PURE__*/ _jsx("div", {
                                                    className: "font-8 font-zi Montserrat-Regular",
                                                    children: item.tradeTime
                                                })
                                            ]
                                        })
                                    ]
                                }, index);
                            }),
                            state.billlist.length == 0 && /*#__PURE__*/ _jsx("div", {
                                className: "Montserrat-Regular font-gray font-12 text-center mt-50",
                                "v-if": "billlist.length == 0",
                                children: "NO TRANSACTION HISTORY"
                            })
                        ]
                    })
                ]
            }),
            /*#__PURE__*/ _jsx(Modal, {
                isOpen: state.maskshow,
                onClose: function() {
                    setState({
                        maskshow: false
                    });
                },
                children: /*#__PURE__*/ _jsx(ModalOverlay, {
                    className: styles.verlayclass,
                    bg: "rgba(255,255,255,0)"
                })
            }),
            /*#__PURE__*/ _jsx(Modal, {
                isOpen: state.blurshow,
                onClose: function() {
                //   setState({
                //     blurshow: false,
                //   });
                },
                children: /*#__PURE__*/ _jsx(ModalOverlay, {
                    className: styles.verlayclass,
                    bg: "rgba(255,255,255,0.7)"
                })
            }),
            /*#__PURE__*/ _jsx(Modal, {
                isCentered: true,
                isOpen: state.transshow,
                onClose: function() {
                //   setState({
                //     transshow: false,
                //   });
                },
                children: /*#__PURE__*/ _jsx(ModalOverlay, {
                    bg: "rgba(0,0,0,0.6)"
                })
            })
        ]
    });
};
export default Home;

 //# sourceMappingURL=index.js.map